

<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
  <meta charset="utf-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>Page (lv_page) &mdash; LittlevGL 6.1.2 documentation</title>
  

  
  
    <link rel="shortcut icon" href="../_static/favicon.ico"/>
  
  
  

  
  <script type="text/javascript" src="../_static/js/modernizr.min.js"></script>
  
    
      <script type="text/javascript" id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
        <script src="../_static/jquery.js"></script>
        <script src="../_static/underscore.js"></script>
        <script src="../_static/doctools.js"></script>
        <script src="../_static/language_data.js"></script>
    
    <script type="text/javascript" src="../_static/js/theme.js"></script>

    

  
  <link rel="stylesheet" href="../_static/css/theme.css" type="text/css" />
  <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
  <link rel="stylesheet" href="../_static/css/custom.css" type="text/css" />
  <link rel="stylesheet" href="../_static/css/fontawesome.min.css" type="text/css" />
    <link rel="index" title="Index" href="../genindex.html" />
    <link rel="search" title="Search" href="../search.html" />
    <link rel="next" title="Preloader (lv_preload)" href="preload.html" />
    <link rel="prev" title="Message box (lv_mbox)" href="mbox.html" />
 
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-78811084-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-78811084-3');
</script>

</head>

<body class="wy-body-for-nav">

   
  <div class="wy-grid-for-nav">
    
    <nav data-toggle="wy-nav-shift" class="wy-nav-side">
      <div class="wy-side-scroll">
        <div class="wy-side-nav-search" >
          

          
            <a href="../index.html">
          

          
            
            <img src="../_static/white_white_lvgl_full_logo.svg" class="logo" alt="Logo"/>
          
          </a>

          
            
            
              <div class="version">
                6.1.2
              </div>
            
          

          
<div role="search">
  <form id="rtd-search-form" class="wy-form" action="../search.html" method="get">
    <input type="text" name="q" placeholder="Search docs" />
    <input type="hidden" name="check_keywords" value="yes" />
    <input type="hidden" name="area" value="default" />
  </form>
</div>

          
        </div>

        <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
          
            
            
              
            
            
              <ul class="current">
<li class="toctree-l1"><a class="reference internal" href="../get-started/index.html">Get started</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../get-started/live-demo.html">Live demos</a></li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/pc-simulator.html">Simulator on PC</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/pc-simulator.html#select-an-ide">Select an IDE</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/pc-simulator.html#set-up-eclipse-cdt">Set-up Eclipse CDT</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#install-eclipse-cdt">Install Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#install-sdl-2">Install SDL 2</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#pre-configured-project">Pre-configured project</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#add-the-pre-configured-project-to-eclipse-cdt">Add the pre-configured project to Eclipse CDT</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/pc-simulator.html#compile-and-run">Compile and Run</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/quick-overview.html">Quick overview</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#add-littlevgl-into-your-project">Add LittlevGL into your project</a></li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#learn-the-basics">Learn the basics</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#objects-widgets">Objects (Widgets)</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#styles">Styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#events">Events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#button-with-label">Button with label</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#button-with-styles">Button with styles</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#slider-and-object-alignment">Slider and object alignment</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#list-and-themes">List and themes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/quick-overview.html#use-littlevgl-from-micropython">Use LittlevGL from Micropython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/quick-overview.html#contributing">Contributing</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../get-started/micropython.html">Micropython</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#what-is-micropython">What is Micropython?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#highlights-of-micropython">Highlights of Micropython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#why-micropython-littlevgl">Why Micropython + LittlevGL?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#here-are-some-advantages-of-using-littlevgl-in-micropython">Here are some advantages of using LittlevGL in Micropython:</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#micropython-littlevgl-could-be-used-for">Micropython + LittlevGL could be used for:</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#so-what-does-it-look-like">So what does it look like?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#a-simple-example">A simple example</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#how-can-i-use-it">How can I use it?</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#online-simulator">Online Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#pc-simulator">PC Simulator</a></li>
<li class="toctree-l4"><a class="reference internal" href="../get-started/micropython.html#embedded-platform">Embedded platform</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../get-started/micropython.html#where-can-i-find-more-information">Where can I find more information?</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../porting/index.html">Porting</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../porting/sys.html">System overview</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/project.html">Set-up a project</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#get-the-library">Get the library</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#configuration-file">Configuration file</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/project.html#initialization">Initialization</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/display.html">Display interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#display-buffer">Display buffer</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#display-driver">Display driver</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/display.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/indev.html">Input device interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#types-of-input-devices">Types of input devices</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#touchpad-mouse-or-any-pointer">Touchpad, mouse or any pointer</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#keypad-or-keyboard">Keypad or keyboard</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#encoder">Encoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../porting/indev.html#button">Button</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#other-features">Other features</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/indev.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/tick.html">Tick interface</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/tick.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/task-handler.html">Task Handler</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/sleep.html">Sleep management</a></li>
<li class="toctree-l2"><a class="reference internal" href="../porting/os.html">Operating system and interrupts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/os.html#tasks-and-threads">Tasks and threads</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/os.html#interrupts">Interrupts</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../porting/log.html">Logging</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#log-level">Log level</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#logging-with-printf">Logging with printf</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#custom-log-function">Custom log function</a></li>
<li class="toctree-l3"><a class="reference internal" href="../porting/log.html#add-logs">Add logs</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../overview/index.html">Overview</a><ul>
<li class="toctree-l2"><a class="reference internal" href="../overview/object.html">Objects</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/object.html#object-attributes">Object attributes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#basic-attributes">Basic attributes</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#specific-attributes">Specific attributes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/object.html#object-s-working-mechanisms">Object’s working mechanisms</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#parent-child-structure">Parent-child structure</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#moving-together">Moving together</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#visibility-only-on-the-parent">Visibility only on the parent</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#create-delete-objects">Create - delete objects</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/object.html#screen-the-most-basic-parent">Screen – the most basic parent</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/layer.html">Layers</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/layer.html#order-of-creation">Order of creation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/layer.html#bring-to-the-foreground">Bring to the foreground</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/layer.html#top-and-sys-layers">Top and sys layers</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/event.html">Events</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#event-types">Event types</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#generic-events">Generic events</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/event.html#special-events">Special events</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#custom-data">Custom data</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/event.html#send-events-manually">Send events manually</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/style.html">Styles</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#use-the-styles">Use the styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#inherit-styles">Inherit styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#style-properties">Style properties</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#common-properties">Common properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#body-style-properties">Body style properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#text-style-properties">Text style properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#image-style-properties">Image style properties</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#line-style-properties">Line style properties</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#built-in-styles">Built-in styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#create-new-styles">Create new styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#style-animations">Style animations</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#style-example">Style example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/style.html#themes">Themes</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/style.html#live-update">Live update</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/indev.html">Input devices</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/indev.html#pointers">Pointers</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/indev.html#keypad-and-encoder">Keypad and encoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#complete-example">Complete example</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/indev.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#input-device">Input device</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/indev.html#id1">Groups</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/display.html">Displays</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#using-only-one-display">Using only one display</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#mirror-display">Mirror display</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#split-image">Split image</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#screens">Screens</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#opaque-screen">Opaque screen</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#features-of-displays">Features of displays</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#inactivity">Inactivity</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#colors">Colors</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#convert-color">Convert color</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#swap-16-colors">Swap 16 colors</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#create-and-mix-colors">Create and mix colors</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#opacity">Opacity</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#built-in-colors">Built-in colors</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/display.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#display">Display</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/display.html#id1">Colors</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/font.html">Fonts</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#unicode-support">Unicode support</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#built-in-fonts">Built-in fonts</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#special-features">Special features</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#bidirectional-support">Bidirectional support</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#subpixel-rendering">Subpixel rendering</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/font.html#compress-fonts">Compress fonts</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#add-new-font">Add new font</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#add-new-symbols">Add new symbols</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/font.html#add-a-new-font-engine">Add a new font engine</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/image.html">Images</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#store-images">Store images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#variables">Variables</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#files">Files</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#color-formats">Color formats</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#add-and-use-images">Add and use images</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#online-converter">Online converter</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#manually-create-an-image">Manually create an image</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#use-images">Use images</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#image-decoder">Image decoder</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#custom-image-formats">Custom image formats</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#register-an-image-decoder">Register an image decoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#manually-use-an-image-decoder">Manually use an image decoder</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#image-caching">Image caching</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#cache-size">Cache size</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#value-of-images">Value of images</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#memory-usage">Memory usage</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#clean-the-cache">Clean the cache</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="../overview/image.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#id1">Image decoder</a></li>
<li class="toctree-l4"><a class="reference internal" href="../overview/image.html#image-cache">Image cache</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/file-system.html">File system</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#add-a-driver">Add a driver</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#usage-example">Usage example</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#use-drivers-for-images">Use drivers for images</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/file-system.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/animation.html">Animations</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#create-an-animation">Create an animation</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#animation-path">Animation path</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#speed-vs-time">Speed vs time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#delete-animations">Delete animations</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/animation.html#api">API</a><ul>
<li class="toctree-l4"><a class="reference internal" href="../overview/animation.html#input-device">Input device</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/task.html">Tasks</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/task.html#create-a-task">Create a task</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/task.html#ready-and-reset">Ready and Reset</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/task.html#set-parameters">Set parameters</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/task.html#one-shot-tasks">One-shot tasks</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/task.html#measure-idle-time">Measure idle time</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/task.html#asynchronous-calls">Asynchronous calls</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/task.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="../overview/drawing.html">Drawing</a><ul>
<li class="toctree-l3"><a class="reference internal" href="../overview/drawing.html#buffering-types">Buffering types</a></li>
<li class="toctree-l3"><a class="reference internal" href="../overview/drawing.html#mechanism-of-screen-refreshing">Mechanism of screen refreshing</a></li>
</ul>
</li>
</ul>
</li>
<li class="toctree-l1 current"><a class="reference internal" href="index.html">Object types (Widgets)</a><ul class="current">
<li class="toctree-l2"><a class="reference internal" href="obj.html">Base object (lv_obj)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="obj.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="obj.html#coordinates">Coordinates</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#parents-and-children">Parents and children</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#screens">Screens</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#layers">Layers</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#style">Style</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#events">Events</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#attributes">Attributes</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#opa-scale">Opa scale</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#protect">Protect</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#groups">Groups</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#extended-click-area">Extended click area</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="obj.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="obj.html#id1">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="obj.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="obj.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="obj.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="obj.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="obj.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="arc.html">Arc (lv_arc)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="arc.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="arc.html#angles">Angles</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#notes">Notes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="arc.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="arc.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="arc.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="arc.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="arc.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="arc.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="arc.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="bar.html">Bar (lv_bar)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="bar.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="bar.html#value-and-range">Value and range</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#symmetrical">Symmetrical</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="bar.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="bar.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="bar.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="bar.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="bar.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="bar.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="bar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="btn.html">Button (lv_btn)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="btn.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="btn.html#states">States</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#toggle">Toggle</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#layout-and-fit">Layout and Fit</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#ink-effect">Ink effect</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="btn.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="btn.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="btn.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="btn.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="btn.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="btn.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="btn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="btnm.html">Button matrix (lv_btnm)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="btnm.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="btnm.html#button-s-text">Button’s text</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnm.html#control-buttons">Control buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnm.html#one-toggle">One toggle</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnm.html#recolor">Recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnm.html#notes">Notes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="btnm.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="btnm.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="btnm.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="btnm.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="btnm.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="btnm.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="btnm.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="calendar.html">Calendar (lv_calendar)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="calendar.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="calendar.html#current-date">Current date</a></li>
<li class="toctree-l4"><a class="reference internal" href="calendar.html#shown-date">Shown date</a></li>
<li class="toctree-l4"><a class="reference internal" href="calendar.html#highlighted-days">Highlighted days</a></li>
<li class="toctree-l4"><a class="reference internal" href="calendar.html#name-of-the-days">Name of the days</a></li>
<li class="toctree-l4"><a class="reference internal" href="calendar.html#name-of-the-months">Name of the months</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="calendar.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="calendar.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="calendar.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="calendar.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="calendar.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="calendar.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="calendar.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="canvas.html">Canvas (lv_canvas)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="canvas.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#buffer">Buffer</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#palette">Palette</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#drawing">Drawing</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#rotate">Rotate</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="canvas.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="canvas.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="canvas.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="canvas.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="canvas.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="canvas.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="cb.html">Checkbox (lv_cb)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="cb.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="cb.html#text">Text</a></li>
<li class="toctree-l4"><a class="reference internal" href="cb.html#check-uncheck">Check/Uncheck</a></li>
<li class="toctree-l4"><a class="reference internal" href="cb.html#inactive">Inactive</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="cb.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="cb.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="cb.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="cb.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="cb.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="cb.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="cb.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="chart.html">Chart (lv_chart)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="chart.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="chart.html#data-series">Data series</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#series-type">Series’ type</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#modify-the-data">Modify the data</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#update-modes">Update modes</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#number-of-points">Number of points</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#vertical-range">Vertical range</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#division-lines">Division lines</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#series-appearance">Series’ appearance</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#tick-marks-and-labels">Tick marks and labels</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="chart.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="chart.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="chart.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="chart.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="chart.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="chart.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="chart.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="cont.html">Container (lv_cont)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="cont.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="cont.html#layout">Layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="cont.html#autofit">Autofit</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="cont.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="cont.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="cont.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="cont.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="cont.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="cont.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="cont.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="cpicker.html">Color picker (lv_cpicker)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="cpicker.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="cpicker.html#types-of-color-pickers">Types of color pickers</a></li>
<li class="toctree-l4"><a class="reference internal" href="cpicker.html#notes">Notes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="cpicker.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="cpicker.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="cpicker.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="cpicker.html#example">Example</a></li>
<li class="toctree-l3"><a class="reference internal" href="cpicker.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="ddlist.html">Drop-down list (lv_ddlist)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="ddlist.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#set-options">Set options</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#get-selected-option">Get selected option</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#align-the-options">Align the options</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#height-and-width">Height and width</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#scrollbars">Scrollbars</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#animation-time">Animation time</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#decoration-arrow">Decoration arrow</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#manually-open-close">Manually open/close</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#stay-open">Stay open</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="ddlist.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="ddlist.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="ddlist.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="ddlist.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="ddlist.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="ddlist.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="gauge.html">Gauge (lv_gauge)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="gauge.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="gauge.html#scale">Scale</a></li>
<li class="toctree-l4"><a class="reference internal" href="gauge.html#needles">Needles</a></li>
<li class="toctree-l4"><a class="reference internal" href="gauge.html#range">Range</a></li>
<li class="toctree-l4"><a class="reference internal" href="gauge.html#critical-value">Critical value</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="gauge.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="gauge.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="gauge.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="gauge.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="gauge.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="gauge.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="gauge.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="img.html">Image (lv_img)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="img.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="img.html#image-source">Image source</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#label-as-an-image">Label as an image</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#transparency">Transparency</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#palette-and-alpha-index">Palette and Alpha index</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#recolor">Recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#auto-size">Auto-size</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#mosaic">Mosaic</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#offset">Offset</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="img.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="img.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="img.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="img.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="img.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="img.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="img.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="imgbtn.html">Image button (lv_imgbtn)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="imgbtn.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="imgbtn.html#image-sources">Image sources</a></li>
<li class="toctree-l4"><a class="reference internal" href="imgbtn.html#states">States</a></li>
<li class="toctree-l4"><a class="reference internal" href="imgbtn.html#toggle">Toggle</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="imgbtn.html#style-usage">Style usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="imgbtn.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="imgbtn.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="imgbtn.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="imgbtn.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="imgbtn.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="imgbtn.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="kb.html">Keyboard (lv_kb)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="kb.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="kb.html#modes">Modes</a></li>
<li class="toctree-l4"><a class="reference internal" href="kb.html#assign-text-area">Assign Text area</a></li>
<li class="toctree-l4"><a class="reference internal" href="kb.html#new-keymap">New Keymap</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="kb.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="kb.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="kb.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="kb.html#examples">Examples</a><ul>
<li class="toctree-l4"><a class="reference internal" href="kb.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="kb.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="kb.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="label.html">Label (lv_label)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="label.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="label.html#set-text">Set text</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#line-break">Line break</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#long-modes">Long modes</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#text-align">Text align</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#draw-background">Draw background</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#text-recolor">Text recolor</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#very-long-texts">Very long texts</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#symbols">Symbols</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="label.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="label.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="label.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="label.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="label.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="label.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="label.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="led.html">LED (lv_led)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="led.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="led.html#brightness">Brightness</a></li>
<li class="toctree-l4"><a class="reference internal" href="led.html#toggle">Toggle</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="led.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="led.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="led.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="led.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="led.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="led.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="led.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="line.html">Line (lv_line)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="line.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="line.html#set-points">Set points</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#auto-size">Auto-size</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#invert-y">Invert y</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="line.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="line.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="line.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="line.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="line.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="line.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="line.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="list.html">List (lv_list)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="list.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="list.html#add-buttons">Add buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="list.html#delete-buttons">Delete buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="list.html#manual-navigation">Manual navigation</a></li>
<li class="toctree-l4"><a class="reference internal" href="list.html#layout">Layout</a></li>
<li class="toctree-l4"><a class="reference internal" href="list.html#edge-flash">Edge flash</a></li>
<li class="toctree-l4"><a class="reference internal" href="list.html#scroll-propagation">Scroll propagation</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="list.html#style-usage">Style usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="list.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="list.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="list.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="list.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="list.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="list.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="lmeter.html">Line meter (lv_lmeter)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="lmeter.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="lmeter.html#set-value">Set value</a></li>
<li class="toctree-l4"><a class="reference internal" href="lmeter.html#range-and-angles">Range and Angles</a></li>
<li class="toctree-l4"><a class="reference internal" href="lmeter.html#angle-offset">Angle offset</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="lmeter.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="lmeter.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="lmeter.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="lmeter.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="lmeter.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="lmeter.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="lmeter.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="mbox.html">Message box (lv_mbox)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="mbox.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="mbox.html#set-text">Set text</a></li>
<li class="toctree-l4"><a class="reference internal" href="mbox.html#add-buttons">Add buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="mbox.html#auto-close">Auto-close</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="mbox.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="mbox.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="mbox.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="mbox.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="mbox.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="mbox.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2 current"><a class="current reference internal" href="#">Page (lv_page)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#scrollbars">Scrollbars</a></li>
<li class="toctree-l4"><a class="reference internal" href="#glue-object">Glue object</a></li>
<li class="toctree-l4"><a class="reference internal" href="#focus-object">Focus object</a></li>
<li class="toctree-l4"><a class="reference internal" href="#manual-navigation">Manual navigation</a></li>
<li class="toctree-l4"><a class="reference internal" href="#edge-flash">Edge flash</a></li>
<li class="toctree-l4"><a class="reference internal" href="#scroll-propagation">Scroll propagation</a></li>
<li class="toctree-l4"><a class="reference internal" href="#scrollable-api">Scrollable API</a></li>
<li class="toctree-l4"><a class="reference internal" href="#notes">Notes</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="preload.html">Preloader (lv_preload)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="preload.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="preload.html#arc-length">Arc length</a></li>
<li class="toctree-l4"><a class="reference internal" href="preload.html#spinning-speed">Spinning speed</a></li>
<li class="toctree-l4"><a class="reference internal" href="preload.html#spin-types">Spin types</a></li>
<li class="toctree-l4"><a class="reference internal" href="preload.html#spin-direction">Spin direction</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="preload.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="preload.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="preload.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="preload.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="preload.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="preload.html#id1">MicroPython</a></li>
<li class="toctree-l4"><a class="reference internal" href="preload.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="preload.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="roller.html">Roller (lv_roller)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="roller.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="roller.html#set-options">Set options</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#get-selected-option">Get selected option</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#align-the-options">Align the options</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#height-and-width">Height and width</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#animation-time">Animation time</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="roller.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="roller.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="roller.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="roller.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="roller.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="roller.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="roller.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="slider.html">Slider (lv_slider)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="slider.html#overview">Overview</a></li>
<li class="toctree-l3"><a class="reference internal" href="slider.html#value-and-range">Value and range</a><ul>
<li class="toctree-l4"><a class="reference internal" href="slider.html#symmetrical">Symmetrical</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#knob-placement">Knob placement</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="slider.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="slider.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="slider.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="slider.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="slider.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="slider.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="slider.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="spinbox.html">Spinbox (lv_spinbox)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="spinbox.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="spinbox.html#set-format">Set format</a></li>
<li class="toctree-l4"><a class="reference internal" href="spinbox.html#value-and-ranges">Value and ranges</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="spinbox.html#style-usage">Style usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="spinbox.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="spinbox.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="spinbox.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="spinbox.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="spinbox.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="spinbox.html#api">API</a></li>
<li class="toctree-l3"><a class="reference internal" href="spinbox.html#id1">Example</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="sw.html">Switch (lv_sw)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="sw.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="sw.html#change-state">Change state</a></li>
<li class="toctree-l4"><a class="reference internal" href="sw.html#animation-time">Animation time</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="sw.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="sw.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="sw.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="sw.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="sw.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="sw.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="sw.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="table.html">Table (lv_table)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="table.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="table.html#rows-and-columns">Rows and Columns</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#width-and-height">Width and Height</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#set-cell-value">Set cell value</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#align">Align</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#cell-type">Cell type</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#merge-cells">Merge cells</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#crop-text">Crop text</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#scroll">Scroll</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="table.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="table.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="table.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="table.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="table.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#id1">MicroPython</a></li>
<li class="toctree-l4"><a class="reference internal" href="table.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="table.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="tabview.html">Tabview (lv_tabview)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="tabview.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="tabview.html#adding-tab">Adding tab</a></li>
<li class="toctree-l4"><a class="reference internal" href="tabview.html#change-tab">Change tab</a></li>
<li class="toctree-l4"><a class="reference internal" href="tabview.html#tab-button-s-position">Tab button’s position</a></li>
<li class="toctree-l4"><a class="reference internal" href="tabview.html#hide-the-tabs">Hide the tabs</a></li>
<li class="toctree-l4"><a class="reference internal" href="tabview.html#animation-time">Animation time</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="tabview.html#style-usage">Style usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="tabview.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="tabview.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="tabview.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="tabview.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="tabview.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="tabview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="ta.html">Text area (lv_ta)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="ta.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="ta.html#add-text">Add text</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#placeholder">Placeholder</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#delete-character">Delete character</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#move-the-cursor">Move the cursor</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#cursor-types">Cursor types</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#one-line-mode">One line mode</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#password-mode">Password mode</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#text-align">Text align</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#accepted-characters">Accepted characters</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#max-text-length">Max text length</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#very-long-texts">Very long texts</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#select-text">Select text</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#scrollbars">Scrollbars</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#scroll-propagation">Scroll propagation</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#edge-flash">Edge flash</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="ta.html#style-usage">Style usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="ta.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="ta.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="ta.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="ta.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="ta.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="ta.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="tileview.html">Tile view (lv_tileview)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="tileview.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="tileview.html#valid-positions">Valid positions</a></li>
<li class="toctree-l4"><a class="reference internal" href="tileview.html#add-element">Add element</a></li>
<li class="toctree-l4"><a class="reference internal" href="tileview.html#set-tile">Set tile</a></li>
<li class="toctree-l4"><a class="reference internal" href="tileview.html#animation-time">Animation time</a></li>
<li class="toctree-l4"><a class="reference internal" href="tileview.html#edge-flash">Edge flash</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="tileview.html#styles">Styles</a></li>
<li class="toctree-l3"><a class="reference internal" href="tileview.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="tileview.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="tileview.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="tileview.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="tileview.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="tileview.html#api">API</a></li>
</ul>
</li>
<li class="toctree-l2"><a class="reference internal" href="win.html">Window (lv_win)</a><ul>
<li class="toctree-l3"><a class="reference internal" href="win.html#overview">Overview</a><ul>
<li class="toctree-l4"><a class="reference internal" href="win.html#title">Title</a></li>
<li class="toctree-l4"><a class="reference internal" href="win.html#control-buttons">Control buttons</a></li>
<li class="toctree-l4"><a class="reference internal" href="win.html#scrollbars">Scrollbars</a></li>
<li class="toctree-l4"><a class="reference internal" href="win.html#manual-scroll-and-focus">Manual scroll and focus</a></li>
<li class="toctree-l4"><a class="reference internal" href="win.html#layout">Layout</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="win.html#style-usage">Style usage</a></li>
<li class="toctree-l3"><a class="reference internal" href="win.html#events">Events</a></li>
<li class="toctree-l3"><a class="reference internal" href="win.html#keys">Keys</a></li>
<li class="toctree-l3"><a class="reference internal" href="win.html#example">Example</a><ul>
<li class="toctree-l4"><a class="reference internal" href="win.html#c">C</a></li>
<li class="toctree-l4"><a class="reference internal" href="win.html#micropython">MicroPython</a></li>
</ul>
</li>
<li class="toctree-l3"><a class="reference internal" href="win.html#api">API</a></li>
</ul>
</li>
</ul>
</li>
</ul>

            
          
        </div>
      </div>
    </nav>

    <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">

      
      <nav class="wy-nav-top" aria-label="top navigation">
        
          <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
          <a href="../index.html">LittlevGL</a>
        
      </nav>


      <div class="wy-nav-content">
        
        <div class="rst-content">
        
          

















<div role="navigation" aria-label="breadcrumbs navigation">

  <ul class="wy-breadcrumbs">
    
      <li><a href="../index.html">Docs</a> &raquo;</li>
        
          <li><a href="index.html">Object types (Widgets)</a> &raquo;</li>
        
      <li>Page (lv_page)</li>
    
    
      <li class="wy-breadcrumbs-aside">
        
            
            
              <!-- User defined GitHub URL -->
              <a href="https://github.com/littlevgl/docs/blob/master/en/object-types/page.md" class="fa fa-github"> Edit on GitHub</a>
            
          
        
      </li>
    
  </ul>

  
  <hr/>
</div>
          <div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
           <div itemprop="articleBody">
            
  <div class="section" id="page-lv-page">
<h1>Page (lv_page)<a class="headerlink" href="#page-lv-page" title="Permalink to this headline">¶</a></h1>
<div class="section" id="overview">
<h2>Overview<a class="headerlink" href="#overview" title="Permalink to this headline">¶</a></h2>
<p>The Page consist of two <a class="reference internal" href="cont.html"><span class="doc">Containers</span></a> on each other:</p>
<ul class="simple">
<li><p>a <strong>background</strong> (or base)</p></li>
<li><p>a top which is <strong>scrollable</strong>.</p></li>
</ul>
<p>The background object can be referenced as the page itself like: <code class="docutils literal notranslate"><span class="pre">lv_obj_set_width(page,</span> <span class="pre">100)</span></code>.</p>
<p>If you create a child on the page it will be automatically moved to the scrollable container.
If the scrollable container becomes larger then the background it can be *scrolled by dragging (like the lists on smartphones).</p>
<p>By default, the scrollable’s has <code class="docutils literal notranslate"><span class="pre">LV_FIT_FILL</span></code>auto fit in all directions.
It means the scrollable size will be the same as the background’s size (minus the paddings) while the children are in the background.
But when an object is positioned out of the background the scrollable size will be increased to involve it.</p>
<div class="section" id="scrollbars">
<h3>Scrollbars<a class="headerlink" href="#scrollbars" title="Permalink to this headline">¶</a></h3>
<p>Scrollbars can be shown according to four policies:</p>
<ul class="simple">
<li><p><strong>LV_SB_MODE_OFF</strong> Never show scrollbars</p></li>
<li><p><strong>LV_SB_MODE_ON</strong> Always show scrollbars</p></li>
<li><p><strong>LV_SB_MODE_DRAG</strong> Show scrollbars when the page is being dragged</p></li>
<li><p><strong>LV_SB_MODE_AUTO</strong> Show scrollbars when the scrollable container is large enough to be scrolled</p></li>
</ul>
<p>You can set scroll bar show policy by: <code class="docutils literal notranslate"><span class="pre">lv_page_set_sb_mode(page,</span> <span class="pre">SB_MODE)</span></code>. The default value is <code class="docutils literal notranslate"><span class="pre">LV_SB_MODE_AUTO</span></code>.</p>
</div>
<div class="section" id="glue-object">
<h3>Glue object<a class="headerlink" href="#glue-object" title="Permalink to this headline">¶</a></h3>
<p>You can glue children to the page. In this case, you can scroll the page by dragging the child object.
It can be enabled by the <code class="docutils literal notranslate"><span class="pre">lv_page_glue_obj(child,</span> <span class="pre">true)</span></code>.</p>
</div>
<div class="section" id="focus-object">
<h3>Focus object<a class="headerlink" href="#focus-object" title="Permalink to this headline">¶</a></h3>
<p>You can focus on an object on a page with <code class="docutils literal notranslate"><span class="pre">lv_page_focus(page,</span> <span class="pre">child,</span> <span class="pre">LV_ANIM_ONO/FF)</span></code>.
It will move the scrollable container to show a child. The time of the animation can be set by <code class="docutils literal notranslate"><span class="pre">lv_page_set_anim_time(page,</span> <span class="pre">anim_time)</span></code> in milliseconds.</p>
</div>
<div class="section" id="manual-navigation">
<h3>Manual navigation<a class="headerlink" href="#manual-navigation" title="Permalink to this headline">¶</a></h3>
<p>You can move the scrollable object manually using <code class="docutils literal notranslate"><span class="pre">lv_page_scroll_hor(page,</span> <span class="pre">dist)</span></code> and <code class="docutils literal notranslate"><span class="pre">lv_page_scroll_ver(page,</span> <span class="pre">dist)</span></code></p>
</div>
<div class="section" id="edge-flash">
<h3>Edge flash<a class="headerlink" href="#edge-flash" title="Permalink to this headline">¶</a></h3>
<p>A circle-like effect can be shown if the list reached the most top/bottom/left/right position. <code class="docutils literal notranslate"><span class="pre">lv_page_set_edge_flash(list,</span> <span class="pre">en)</span></code> enables this feature.</p>
</div>
<div class="section" id="scroll-propagation">
<h3>Scroll propagation<a class="headerlink" href="#scroll-propagation" title="Permalink to this headline">¶</a></h3>
<p>If the list is created on an other scrollable element (like an other page) and the Page can’t be scrolled further the scrolling can be propagated to the parent to continue the scrolling on the parent.
It can be enabled with <code class="docutils literal notranslate"><span class="pre">lv_page_set_scroll_propagation(list,</span> <span class="pre">true)</span></code></p>
</div>
<div class="section" id="scrollable-api">
<h3>Scrollable API<a class="headerlink" href="#scrollable-api" title="Permalink to this headline">¶</a></h3>
<p>There are functions to directly set/get the scrollable’s attributes:</p>
<ul class="simple">
<li><p><code class="docutils literal notranslate"><span class="pre">lv_page_get_scrl()</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_page_set_scrl_fit/fint2/fit4()</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_page_set_scrl_width()</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_page_set_scrl_height()</span></code></p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">lv_page_set_scrl_layout()</span></code></p></li>
</ul>
</div>
<div class="section" id="notes">
<h3>Notes<a class="headerlink" href="#notes" title="Permalink to this headline">¶</a></h3>
<p>The background draws its border when the scrollable is drawn. It ensures that the page always will have a closed shape even if the scrollable has the same color as the Page’s parent.</p>
</div>
</div>
<div class="section" id="styles">
<h2>Styles<a class="headerlink" href="#styles" title="Permalink to this headline">¶</a></h2>
<p>Use <code class="docutils literal notranslate"><span class="pre">lv_page_set_style(page,</span> <span class="pre">LV_PAGE_STYLE_...,</span>&#160; <span class="pre">&amp;style)</span></code> to set a new style for an element of the page:</p>
<ul class="simple">
<li><p><strong>LV_PAGE_STYLE_BG</strong> background’s style which uses all <code class="docutils literal notranslate"><span class="pre">style.body</span></code> properties (default: <code class="docutils literal notranslate"><span class="pre">lv_style_pretty_color</span></code>)</p></li>
<li><p><strong>LV_PAGE_STYLE_SCRL</strong> scrollable’s style which uses all <code class="docutils literal notranslate"><span class="pre">style.body</span></code> properties (default: <code class="docutils literal notranslate"><span class="pre">lv_style_pretty</span></code>)</p></li>
<li><p><strong>LV_PAGE_STYLE_SB</strong> scrollbar’s style which uses all <code class="docutils literal notranslate"><span class="pre">style.body</span></code> properties. <code class="docutils literal notranslate"><span class="pre">padding.right/bottom</span></code> sets horizontal and vertical the scrollbars’ padding respectively and the <code class="docutils literal notranslate"><span class="pre">padding.inner</span></code> sets the scrollbar’s width. (default: <code class="docutils literal notranslate"><span class="pre">lv_style_pretty_color</span></code>)</p></li>
</ul>
</div>
<div class="section" id="events">
<h2>Events<a class="headerlink" href="#events" title="Permalink to this headline">¶</a></h2>
<p>Only the <a class="reference external" href="/overview/event.html#generic-events">Generic events</a> are sent by the object type.</p>
<p>The scrollable object has a default event callback which propagates the following events to the background object:
<code class="docutils literal notranslate"><span class="pre">LV_EVENT_PRESSED</span></code>, <code class="docutils literal notranslate"><span class="pre">LV_EVENT_PRESSING</span></code>, <code class="docutils literal notranslate"><span class="pre">LV_EVENT_PRESS_LOST</span></code>,<code class="docutils literal notranslate"><span class="pre">LV_EVENT_RELEASED</span></code>, <code class="docutils literal notranslate"><span class="pre">LV_EVENT_SHORT_CLICKED</span></code>, <code class="docutils literal notranslate"><span class="pre">LV_EVENT_CLICKED</span></code>, <code class="docutils literal notranslate"><span class="pre">LV_EVENT_LONG_PRESSED</span></code>, <code class="docutils literal notranslate"><span class="pre">LV_EVENT_LONG_PRESSED_REPEAT</span></code></p>
<p>Learn more about <a class="reference internal" href="../overview/event.html"><span class="doc">Events</span></a>.</p>
<p>##Keys</p>
<p>The following <em>Keys</em> are processed by the Page:</p>
<ul class="simple">
<li><p><strong>LV_KEY_RIGHT/LEFT/UP/DOWN</strong> Scroll the page</p></li>
</ul>
<p>Learn more about <a class="reference internal" href="../overview/indev.html"><span class="doc">Keys</span></a>.</p>
</div>
<div class="section" id="example">
<h2>Example<a class="headerlink" href="#example" title="Permalink to this headline">¶</a></h2>
<div class="section" id="c">
<h3>C<a class="headerlink" href="#c" title="Permalink to this headline">¶</a></h3>
<div class="section" id="page-with-scrollbar">
<h4>Page with scrollbar<a class="headerlink" href="#page-with-scrollbar" title="Permalink to this headline">¶</a></h4>
<img alt="Page example in LittlevGL" src="../_images/lv_ex_page_1.gif" />
<div class="toggle docutils container">
<div class="header docutils container">
<p>code</p>
</div>
<div class="highlight-c notranslate"><div class="highlight"><pre><span></span><span class="cp">#include</span> <span class="cpf">&quot;lvgl/lvgl.h&quot;</span><span class="cp"></span>

<span class="kt">void</span> <span class="nf">lv_ex_page_1</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span>
<span class="p">{</span>
    <span class="cm">/*Create a scroll bar style*/</span>
    <span class="k">static</span> <span class="n">lv_style_t</span> <span class="n">style_sb</span><span class="p">;</span>
    <span class="n">lv_style_copy</span><span class="p">(</span><span class="o">&amp;</span><span class="n">style_sb</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">lv_style_plain</span><span class="p">);</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">main_color</span> <span class="o">=</span> <span class="n">LV_COLOR_BLACK</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">grad_color</span> <span class="o">=</span> <span class="n">LV_COLOR_BLACK</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">border</span><span class="p">.</span><span class="n">color</span> <span class="o">=</span> <span class="n">LV_COLOR_WHITE</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">border</span><span class="p">.</span><span class="n">width</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">border</span><span class="p">.</span><span class="n">opa</span> <span class="o">=</span> <span class="n">LV_OPA_70</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">radius</span> <span class="o">=</span> <span class="n">LV_RADIUS_CIRCLE</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">opa</span> <span class="o">=</span> <span class="n">LV_OPA_60</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">padding</span><span class="p">.</span><span class="n">right</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">padding</span><span class="p">.</span><span class="n">bottom</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span>
    <span class="n">style_sb</span><span class="p">.</span><span class="n">body</span><span class="p">.</span><span class="n">padding</span><span class="p">.</span><span class="n">inner</span> <span class="o">=</span> <span class="mi">8</span><span class="p">;</span>        <span class="cm">/*Scrollbar width*/</span>

    <span class="cm">/*Create a page*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">page</span> <span class="o">=</span> <span class="n">lv_page_create</span><span class="p">(</span><span class="n">lv_scr_act</span><span class="p">(),</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_obj_set_size</span><span class="p">(</span><span class="n">page</span><span class="p">,</span> <span class="mi">150</span><span class="p">,</span> <span class="mi">200</span><span class="p">);</span>
    <span class="n">lv_obj_align</span><span class="p">(</span><span class="n">page</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">,</span> <span class="n">LV_ALIGN_CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span>
    <span class="n">lv_page_set_style</span><span class="p">(</span><span class="n">page</span><span class="p">,</span> <span class="n">LV_PAGE_STYLE_SB</span><span class="p">,</span> <span class="o">&amp;</span><span class="n">style_sb</span><span class="p">);</span>           <span class="cm">/*Set the scrollbar style*/</span>

    <span class="cm">/*Create a label on the page*/</span>
    <span class="n">lv_obj_t</span> <span class="o">*</span> <span class="n">label</span> <span class="o">=</span> <span class="n">lv_label_create</span><span class="p">(</span><span class="n">page</span><span class="p">,</span> <span class="nb">NULL</span><span class="p">);</span>
    <span class="n">lv_label_set_long_mode</span><span class="p">(</span><span class="n">label</span><span class="p">,</span> <span class="n">LV_LABEL_LONG_BREAK</span><span class="p">);</span>            <span class="cm">/*Automatically break long lines*/</span>
    <span class="n">lv_obj_set_width</span><span class="p">(</span><span class="n">label</span><span class="p">,</span> <span class="n">lv_page_get_fit_width</span><span class="p">(</span><span class="n">page</span><span class="p">));</span>          <span class="cm">/*Set the label width to max value to not show hor. scroll bars*/</span>
    <span class="n">lv_label_set_text</span><span class="p">(</span><span class="n">label</span><span class="p">,</span> <span class="s">&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit,</span><span class="se">\n</span><span class="s">&quot;</span>
                             <span class="s">&quot;sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span><span class="se">\n</span><span class="s">&quot;</span>
                             <span class="s">&quot;Ut enim ad minim veniam, quis nostrud exercitation ullamco</span><span class="se">\n</span><span class="s">&quot;</span>
                             <span class="s">&quot;laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure</span><span class="se">\n</span><span class="s">&quot;</span>
                             <span class="s">&quot;dolor in reprehenderit in voluptate velit esse cillum dolore</span><span class="se">\n</span><span class="s">&quot;</span>
                             <span class="s">&quot;eu fugiat nulla pariatur.</span><span class="se">\n</span><span class="s">&quot;</span>
                             <span class="s">&quot;Excepteur sint occaecat cupidatat non proident, sunt in culpa</span><span class="se">\n</span><span class="s">&quot;</span>
                             <span class="s">&quot;qui officia deserunt mollit anim id est laborum.&quot;</span><span class="p">);</span>
<span class="p">}</span>

</pre></div>
</div>
</div>
</div>
</div>
<div class="section" id="micropython">
<h3>MicroPython<a class="headerlink" href="#micropython" title="Permalink to this headline">¶</a></h3>
<div class="section" id="id1">
<h4>Page with scrollbar<a class="headerlink" href="#id1" title="Permalink to this headline">¶</a></h4>
<img alt="Page example in LittlevGL with MicroPython" src="../_images/lv_ex_page_1.gif" />
<div class="toggle docutils container">
<div class="header docutils container">
<p>code</p>
</div>
<div class="highlight-python notranslate"><div class="highlight"><pre><span></span><span class="c1"># Create a scroll bar style</span>
<span class="n">style_sb</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">style_t</span><span class="p">()</span>
<span class="n">lv</span><span class="o">.</span><span class="n">style_copy</span><span class="p">(</span><span class="n">style_sb</span><span class="p">,</span> <span class="n">lv</span><span class="o">.</span><span class="n">style_plain</span><span class="p">)</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">main_color</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">color_make</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">grad_color</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">color_make</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">)</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">border</span><span class="o">.</span><span class="n">color</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">color_make</span><span class="p">(</span><span class="mh">0xff</span><span class="p">,</span><span class="mh">0xff</span><span class="p">,</span><span class="mh">0xff</span><span class="p">)</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">border</span><span class="o">.</span><span class="n">width</span> <span class="o">=</span> <span class="mi">1</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">border</span><span class="o">.</span><span class="n">opa</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">OPA</span><span class="o">.</span><span class="n">_70</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">radius</span> <span class="o">=</span> <span class="mi">800</span> <span class="c1"># large enough to make a circle</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">opa</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">OPA</span><span class="o">.</span><span class="n">_60</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">padding</span><span class="o">.</span><span class="n">right</span> <span class="o">=</span> <span class="mi">3</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">padding</span><span class="o">.</span><span class="n">bottom</span> <span class="o">=</span> <span class="mi">3</span>
<span class="n">style_sb</span><span class="o">.</span><span class="n">body</span><span class="o">.</span><span class="n">padding</span><span class="o">.</span><span class="n">inner</span> <span class="o">=</span> <span class="mi">8</span>        <span class="c1"># Scrollbar width</span>

<span class="c1"># Create a page</span>
<span class="n">page</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">page</span><span class="p">(</span><span class="n">lv</span><span class="o">.</span><span class="n">scr_act</span><span class="p">())</span>
<span class="n">page</span><span class="o">.</span><span class="n">set_size</span><span class="p">(</span><span class="mi">150</span><span class="p">,</span> <span class="mi">200</span><span class="p">)</span>
<span class="n">page</span><span class="o">.</span><span class="n">align</span><span class="p">(</span><span class="bp">None</span><span class="p">,</span> <span class="n">lv</span><span class="o">.</span><span class="n">ALIGN</span><span class="o">.</span><span class="n">CENTER</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span>
<span class="n">page</span><span class="o">.</span><span class="n">set_style</span><span class="p">(</span><span class="n">lv</span><span class="o">.</span><span class="n">page</span><span class="o">.</span><span class="n">STYLE</span><span class="o">.</span><span class="n">SB</span><span class="p">,</span> <span class="n">style_sb</span><span class="p">)</span>           <span class="c1"># Set the scrollbar style</span>

<span class="c1"># Create a label on the page</span>
<span class="n">label</span> <span class="o">=</span> <span class="n">lv</span><span class="o">.</span><span class="n">label</span><span class="p">(</span><span class="n">page</span><span class="p">)</span>
<span class="n">label</span><span class="o">.</span><span class="n">set_long_mode</span><span class="p">(</span><span class="n">lv</span><span class="o">.</span><span class="n">label</span><span class="o">.</span><span class="n">LONG</span><span class="o">.</span><span class="n">BREAK</span><span class="p">)</span>       <span class="c1"># Automatically break long lines</span>
<span class="n">label</span><span class="o">.</span><span class="n">set_width</span><span class="p">(</span><span class="n">page</span><span class="o">.</span><span class="n">get_fit_width</span><span class="p">())</span>          <span class="c1"># Set the label width to max value to not show hor. scroll bars</span>
<span class="n">label</span><span class="o">.</span><span class="n">set_text</span><span class="p">(</span><span class="s2">&quot;&quot;&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit,</span>
<span class="s2">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
<span class="s2">Ut enim ad minim veniam, quis nostrud exercitation ullamco</span>
<span class="s2">laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure</span>
<span class="s2">dolor in reprehenderit in voluptate velit esse cillum dolore</span>
<span class="s2">eu fugiat nulla pariatur.</span>
<span class="s2">Excepteur sint occaecat cupidatat non proident, sunt in culpa</span>
<span class="s2">qui officia deserunt mollit anim id est laborum.&quot;&quot;&quot;</span><span class="p">)</span>
</pre></div>
</div>
</div>
</div>
</div>
</div>
<div class="section" id="api">
<h2>API<a class="headerlink" href="#api" title="Permalink to this headline">¶</a></h2>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric">Typedefs</p>
<dl class="cpp type">
<dt id="_CPPv412lv_sb_mode_t">
<span id="_CPPv312lv_sb_mode_t"></span><span id="_CPPv212lv_sb_mode_t"></span><span id="lv_sb_mode_t"></span><span class="target" id="lv__page_8h_1a1c25022c42ba2bf2dd8ab3afa7a59cb4"></span><em class="property">typedef </em>uint8_t <code class="sig-name descname">lv_sb_mode_t</code><a class="headerlink" href="#_CPPv412lv_sb_mode_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv414lv_page_edge_t">
<span id="_CPPv314lv_page_edge_t"></span><span id="_CPPv214lv_page_edge_t"></span><span id="lv_page_edge_t"></span><span class="target" id="lv__page_8h_1ad73b414273d70a6dd6c41e69c89e22f7"></span><em class="property">typedef </em>uint8_t <code class="sig-name descname">lv_page_edge_t</code><a class="headerlink" href="#_CPPv414lv_page_edge_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp type">
<dt id="_CPPv415lv_page_style_t">
<span id="_CPPv315lv_page_style_t"></span><span id="_CPPv215lv_page_style_t"></span><span id="lv_page_style_t"></span><span class="target" id="lv__page_8h_1a4a3c8ff5fb4229f0cd8a7c912c78b9d9"></span><em class="property">typedef </em>uint8_t <code class="sig-name descname">lv_page_style_t</code><a class="headerlink" href="#_CPPv415lv_page_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric">Enums</p>
<dl class="cpp enum">
<dt id="_CPPv4Ut2_77">
<span id="_CPPv3Ut2_77"></span><span class="target" id="lv__page_8h_1abe974f22edeef8189603ba75fd90ff3c"></span><em class="property">enum </em><strong>[anonymous]</strong><a class="headerlink" href="#_CPPv4Ut2_77" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Scrollbar modes: shows when should the scrollbars be visible </p>
<p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7714LV_SB_MODE_OFFE">
<span id="_CPPv3NUt2_7714LV_SB_MODE_OFFE"></span><span class="target" id="lv__page_8h_1abe974f22edeef8189603ba75fd90ff3ca09e14bb6c41e2d3e4724e1912b2f5c63"></span><em class="property">enumerator </em><code class="sig-name descname">LV_SB_MODE_OFF</code> = 0x0<a class="headerlink" href="#_CPPv4NUt2_7714LV_SB_MODE_OFFE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Never show scrollbars </p>
</dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7713LV_SB_MODE_ONE">
<span id="_CPPv3NUt2_7713LV_SB_MODE_ONE"></span><span class="target" id="lv__page_8h_1abe974f22edeef8189603ba75fd90ff3ca2d2482257dda86bb724012c51928ad56"></span><em class="property">enumerator </em><code class="sig-name descname">LV_SB_MODE_ON</code> = 0x1<a class="headerlink" href="#_CPPv4NUt2_7713LV_SB_MODE_ONE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Always show scrollbars </p>
</dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7715LV_SB_MODE_DRAGE">
<span id="_CPPv3NUt2_7715LV_SB_MODE_DRAGE"></span><span class="target" id="lv__page_8h_1abe974f22edeef8189603ba75fd90ff3caaf4be837b94e63cc6ca4f1832a973259"></span><em class="property">enumerator </em><code class="sig-name descname">LV_SB_MODE_DRAG</code> = 0x2<a class="headerlink" href="#_CPPv4NUt2_7715LV_SB_MODE_DRAGE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Show scrollbars when page is being dragged </p>
</dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7715LV_SB_MODE_AUTOE">
<span id="_CPPv3NUt2_7715LV_SB_MODE_AUTOE"></span><span class="target" id="lv__page_8h_1abe974f22edeef8189603ba75fd90ff3ca0ac0afb28f4178c7bffc715e9c28990a"></span><em class="property">enumerator </em><code class="sig-name descname">LV_SB_MODE_AUTO</code> = 0x3<a class="headerlink" href="#_CPPv4NUt2_7715LV_SB_MODE_AUTOE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Show scrollbars when the scrollable container is large enough to be scrolled </p>
</dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7715LV_SB_MODE_HIDEE">
<span id="_CPPv3NUt2_7715LV_SB_MODE_HIDEE"></span><span class="target" id="lv__page_8h_1abe974f22edeef8189603ba75fd90ff3ca18a6d4e79682b593c6238172e825be8f"></span><em class="property">enumerator </em><code class="sig-name descname">LV_SB_MODE_HIDE</code> = 0x4<a class="headerlink" href="#_CPPv4NUt2_7715LV_SB_MODE_HIDEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Hide the scroll bar temporally </p>
</dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7717LV_SB_MODE_UNHIDEE">
<span id="_CPPv3NUt2_7717LV_SB_MODE_UNHIDEE"></span><span class="target" id="lv__page_8h_1abe974f22edeef8189603ba75fd90ff3cadaebc6e05bdd88056582c05d186e05b9"></span><em class="property">enumerator </em><code class="sig-name descname">LV_SB_MODE_UNHIDE</code> = 0x5<a class="headerlink" href="#_CPPv4NUt2_7717LV_SB_MODE_UNHIDEE" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Unhide the previously hidden scrollbar. Recover it’s type too </p>
</dd></dl>

</dd></dl>

<dl class="cpp enum">
<dt id="_CPPv4Ut2_78">
<span id="_CPPv3Ut2_78"></span><span class="target" id="lv__page_8h_1a1b70d876770ccff427513794d6b0b2a7"></span><em class="property">enum </em><strong>[anonymous]</strong><a class="headerlink" href="#_CPPv4Ut2_78" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Edges: describes the four edges of the page </p>
<p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7817LV_PAGE_EDGE_LEFTE">
<span id="_CPPv3NUt2_7817LV_PAGE_EDGE_LEFTE"></span><span class="target" id="lv__page_8h_1a1b70d876770ccff427513794d6b0b2a7ac04dd4f853fc3a946ada765bf14ed386"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_EDGE_LEFT</code> = 0x1<a class="headerlink" href="#_CPPv4NUt2_7817LV_PAGE_EDGE_LEFTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7816LV_PAGE_EDGE_TOPE">
<span id="_CPPv3NUt2_7816LV_PAGE_EDGE_TOPE"></span><span class="target" id="lv__page_8h_1a1b70d876770ccff427513794d6b0b2a7acfe21c69d5edd97f06355ac05f4bc5f8"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_EDGE_TOP</code> = 0x2<a class="headerlink" href="#_CPPv4NUt2_7816LV_PAGE_EDGE_TOPE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7818LV_PAGE_EDGE_RIGHTE">
<span id="_CPPv3NUt2_7818LV_PAGE_EDGE_RIGHTE"></span><span class="target" id="lv__page_8h_1a1b70d876770ccff427513794d6b0b2a7adf4e98169b52984dba928535a648a201"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_EDGE_RIGHT</code> = 0x4<a class="headerlink" href="#_CPPv4NUt2_7818LV_PAGE_EDGE_RIGHTE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7819LV_PAGE_EDGE_BOTTOME">
<span id="_CPPv3NUt2_7819LV_PAGE_EDGE_BOTTOME"></span><span class="target" id="lv__page_8h_1a1b70d876770ccff427513794d6b0b2a7aa924e24807e7e94a1094fd766cde818c"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_EDGE_BOTTOM</code> = 0x8<a class="headerlink" href="#_CPPv4NUt2_7819LV_PAGE_EDGE_BOTTOME" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</dd></dl>

<dl class="cpp enum">
<dt id="_CPPv4Ut2_79">
<span id="_CPPv3Ut2_79"></span><span class="target" id="lv__page_8h_1a70ad55be767ca0a42c9150d24618e4ca"></span><em class="property">enum </em><strong>[anonymous]</strong><a class="headerlink" href="#_CPPv4Ut2_79" title="Permalink to this definition">¶</a><br /></dt>
<dd><p><em>Values:</em></p>
<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7916LV_PAGE_STYLE_BGE">
<span id="_CPPv3NUt2_7916LV_PAGE_STYLE_BGE"></span><span class="target" id="lv__page_8h_1a70ad55be767ca0a42c9150d24618e4caae4abf0073f9e7d12ff4d834b6e87c253"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_STYLE_BG</code><a class="headerlink" href="#_CPPv4NUt2_7916LV_PAGE_STYLE_BGE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7918LV_PAGE_STYLE_SCRLE">
<span id="_CPPv3NUt2_7918LV_PAGE_STYLE_SCRLE"></span><span class="target" id="lv__page_8h_1a70ad55be767ca0a42c9150d24618e4caa309a2d75964e2d70fe64e0a655bfa269"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_STYLE_SCRL</code><a class="headerlink" href="#_CPPv4NUt2_7918LV_PAGE_STYLE_SCRLE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7916LV_PAGE_STYLE_SBE">
<span id="_CPPv3NUt2_7916LV_PAGE_STYLE_SBE"></span><span class="target" id="lv__page_8h_1a70ad55be767ca0a42c9150d24618e4caa70d32a221ef8f7e062c645ae1b98088a"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_STYLE_SB</code><a class="headerlink" href="#_CPPv4NUt2_7916LV_PAGE_STYLE_SBE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp enumerator">
<dt id="_CPPv4NUt2_7924LV_PAGE_STYLE_EDGE_FLASHE">
<span id="_CPPv3NUt2_7924LV_PAGE_STYLE_EDGE_FLASHE"></span><span class="target" id="lv__page_8h_1a70ad55be767ca0a42c9150d24618e4caa56d6ee7f1101b0d0054b1e10590a622b"></span><em class="property">enumerator </em><code class="sig-name descname">LV_PAGE_STYLE_EDGE_FLASH</code><a class="headerlink" href="#_CPPv4NUt2_7924LV_PAGE_STYLE_EDGE_FLASHE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</dd></dl>

</div>
<div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric">Functions</p>
<dl class="cpp function">
<dt id="_CPPv414lv_page_createP8lv_obj_tPK8lv_obj_t">
<span id="_CPPv314lv_page_createP8lv_obj_tPK8lv_obj_t"></span><span id="_CPPv214lv_page_createP8lv_obj_tPK8lv_obj_t"></span><span id="lv_page_create__lv_obj_tP.lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a0215a7d3fef5fcdf41d4e1697326749a"></span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<code class="sig-name descname">lv_page_create</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>par</em>, <em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>copy</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv414lv_page_createP8lv_obj_tPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Create a page objects <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>pointer to the created page </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">par</span></code>: pointer to an object, it will be the parent of the new page </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">copy</span></code>: pointer to a page object, if not NULL then the new object will be copied from it </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv413lv_page_cleanP8lv_obj_t">
<span id="_CPPv313lv_page_cleanP8lv_obj_t"></span><span id="_CPPv213lv_page_cleanP8lv_obj_t"></span><span id="lv_page_clean__lv_obj_tP"></span><span class="target" id="lv__page_8h_1a36ffcf13bdef1b643562d37bff6c57c2"></span>void <code class="sig-name descname">lv_page_clean</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv413lv_page_cleanP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Delete all children of the scrl object, without deleting scrl child. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to an object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv416lv_page_get_scrlPK8lv_obj_t">
<span id="_CPPv316lv_page_get_scrlPK8lv_obj_t"></span><span id="_CPPv216lv_page_get_scrlPK8lv_obj_t"></span><span id="lv_page_get_scrl__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a3cb64e8993860fac8ac98b06ca4af98e"></span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<code class="sig-name descname">lv_page_get_scrl</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_page_get_scrlPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the scrollable object of a page <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>pointer to a container which is the scrollable part of the page </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv421lv_page_get_anim_timePK8lv_obj_t">
<span id="_CPPv321lv_page_get_anim_timePK8lv_obj_t"></span><span id="_CPPv221lv_page_get_anim_timePK8lv_obj_t"></span><span id="lv_page_get_anim_time__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a3baa3d8a5638dfada888f30fabf05d88"></span>uint16_t <code class="sig-name descname">lv_page_get_anim_time</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_page_get_anim_timePK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the animation time <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>the animation time in milliseconds </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv419lv_page_set_sb_modeP8lv_obj_t12lv_sb_mode_t">
<span id="_CPPv319lv_page_set_sb_modeP8lv_obj_t12lv_sb_mode_t"></span><span id="_CPPv219lv_page_set_sb_modeP8lv_obj_t12lv_sb_mode_t"></span><span id="lv_page_set_sb_mode__lv_obj_tP.lv_sb_mode_t"></span><span class="target" id="lv__page_8h_1a4435d4ecadcef0fb929104a5d4c0ad62"></span>void <code class="sig-name descname">lv_page_set_sb_mode</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="#_CPPv412lv_sb_mode_t" title="lv_sb_mode_t">lv_sb_mode_t</a> <em>sb_mode</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419lv_page_set_sb_modeP8lv_obj_t12lv_sb_mode_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the scroll bar mode on a page <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">sb_mode</span></code>: the new mode from ‘lv_page_sb.mode_t’ enum </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv421lv_page_set_anim_timeP8lv_obj_t8uint16_t">
<span id="_CPPv321lv_page_set_anim_timeP8lv_obj_t8uint16_t"></span><span id="_CPPv221lv_page_set_anim_timeP8lv_obj_t8uint16_t"></span><span id="lv_page_set_anim_time__lv_obj_tP.uint16_t"></span><span class="target" id="lv__page_8h_1acc5e8a35c3de14dccf0c86aed118915f"></span>void <code class="sig-name descname">lv_page_set_anim_time</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, uint16_t <em>anim_time</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_page_set_anim_timeP8lv_obj_t8uint16_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the animation time for the page <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">anim_time</span></code>: animation time in milliseconds </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv430lv_page_set_scroll_propagationP8lv_obj_tb">
<span id="_CPPv330lv_page_set_scroll_propagationP8lv_obj_tb"></span><span id="_CPPv230lv_page_set_scroll_propagationP8lv_obj_tb"></span><span id="lv_page_set_scroll_propagation__lv_obj_tP.b"></span><span class="target" id="lv__page_8h_1ae8881a3384e27a5c4e5c7f3425df90dd"></span>void <code class="sig-name descname">lv_page_set_scroll_propagation</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, bool <em>en</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430lv_page_set_scroll_propagationP8lv_obj_tb" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Enable the scroll propagation feature. If enabled then the page will move its parent if there is no more space to scroll. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a Page </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">en</span></code>: true or false to enable/disable scroll propagation </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422lv_page_set_edge_flashP8lv_obj_tb">
<span id="_CPPv322lv_page_set_edge_flashP8lv_obj_tb"></span><span id="_CPPv222lv_page_set_edge_flashP8lv_obj_tb"></span><span id="lv_page_set_edge_flash__lv_obj_tP.b"></span><span class="target" id="lv__page_8h_1a4daa96650b0c21063f05ff9bf537dfa4"></span>void <code class="sig-name descname">lv_page_set_edge_flash</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, bool <em>en</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422lv_page_set_edge_flashP8lv_obj_tb" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Enable the edge flash effect. (Show an arc when the an edge is reached) <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a Page </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">en</span></code>: true or false to enable/disable end flash </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv421lv_page_set_scrl_fit4P8lv_obj_t8lv_fit_t8lv_fit_t8lv_fit_t8lv_fit_t">
<span id="_CPPv321lv_page_set_scrl_fit4P8lv_obj_t8lv_fit_t8lv_fit_t8lv_fit_t8lv_fit_t"></span><span id="_CPPv221lv_page_set_scrl_fit4P8lv_obj_t8lv_fit_t8lv_fit_t8lv_fit_t8lv_fit_t"></span><span id="lv_page_set_scrl_fit4__lv_obj_tP.lv_fit_t.lv_fit_t.lv_fit_t.lv_fit_t"></span><span class="target" id="lv__page_8h_1a5bb9316a666ecce8bc58926c33a4f20a"></span>void <code class="sig-name descname">lv_page_set_scrl_fit4</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <em>left</em>, <a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <em>right</em>, <a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <em>top</em>, <a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <em>bottom</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_page_set_scrl_fit4P8lv_obj_t8lv_fit_t8lv_fit_t8lv_fit_t8lv_fit_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the fit policy in all 4 directions separately. It tell how to change the page size automatically. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">left</span></code>: left fit policy from <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">right</span></code>: right fit policy from <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">top</span></code>: bottom fit policy from <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">bottom</span></code>: bottom fit policy from <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv421lv_page_set_scrl_fit2P8lv_obj_t8lv_fit_t8lv_fit_t">
<span id="_CPPv321lv_page_set_scrl_fit2P8lv_obj_t8lv_fit_t8lv_fit_t"></span><span id="_CPPv221lv_page_set_scrl_fit2P8lv_obj_t8lv_fit_t8lv_fit_t"></span><span id="lv_page_set_scrl_fit2__lv_obj_tP.lv_fit_t.lv_fit_t"></span><span class="target" id="lv__page_8h_1a43a57bdf22d8e145256e5e358f5655f1"></span>void <code class="sig-name descname">lv_page_set_scrl_fit2</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <em>hor</em>, <a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <em>ver</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_page_set_scrl_fit2P8lv_obj_t8lv_fit_t8lv_fit_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the fit policy horizontally and vertically separately. It tell how to change the page size automatically. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">hot</span></code>: horizontal fit policy from <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">ver</span></code>: vertical fit policy from <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv420lv_page_set_scrl_fitP8lv_obj_t8lv_fit_t">
<span id="_CPPv320lv_page_set_scrl_fitP8lv_obj_t8lv_fit_t"></span><span id="_CPPv220lv_page_set_scrl_fitP8lv_obj_t8lv_fit_t"></span><span id="lv_page_set_scrl_fit__lv_obj_tP.lv_fit_t"></span><span class="target" id="lv__page_8h_1a59b06614f404d5403e2412e9631bbbf7"></span>void <code class="sig-name descname">lv_page_set_scrl_fit</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <em>fit</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv420lv_page_set_scrl_fitP8lv_obj_t8lv_fit_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the fit policyin all 4 direction at once. It tell how to change the page size automatically. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a button object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">fit</span></code>: fit policy from <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422lv_page_set_scrl_widthP8lv_obj_t10lv_coord_t">
<span id="_CPPv322lv_page_set_scrl_widthP8lv_obj_t10lv_coord_t"></span><span id="_CPPv222lv_page_set_scrl_widthP8lv_obj_t10lv_coord_t"></span><span id="lv_page_set_scrl_width__lv_obj_tP.lv_coord_t"></span><span class="target" id="lv__page_8h_1a118131c6a1c98c187142fd34411bf435"></span>void <code class="sig-name descname">lv_page_set_scrl_width</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, lv_coord_t <em>w</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422lv_page_set_scrl_widthP8lv_obj_t10lv_coord_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set width of the scrollable part of a page <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">w</span></code>: the new width of the scrollable (it ha no effect is horizontal fit is enabled) </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv423lv_page_set_scrl_heightP8lv_obj_t10lv_coord_t">
<span id="_CPPv323lv_page_set_scrl_heightP8lv_obj_t10lv_coord_t"></span><span id="_CPPv223lv_page_set_scrl_heightP8lv_obj_t10lv_coord_t"></span><span id="lv_page_set_scrl_height__lv_obj_tP.lv_coord_t"></span><span class="target" id="lv__page_8h_1a254780f8509ab088233e50ac620b14b5"></span>void <code class="sig-name descname">lv_page_set_scrl_height</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, lv_coord_t <em>h</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_page_set_scrl_heightP8lv_obj_t10lv_coord_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set height of the scrollable part of a page <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">h</span></code>: the new height of the scrollable (it ha no effect is vertical fit is enabled) </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv423lv_page_set_scrl_layoutP8lv_obj_t11lv_layout_t">
<span id="_CPPv323lv_page_set_scrl_layoutP8lv_obj_t11lv_layout_t"></span><span id="_CPPv223lv_page_set_scrl_layoutP8lv_obj_t11lv_layout_t"></span><span id="lv_page_set_scrl_layout__lv_obj_tP.lv_layout_t"></span><span class="target" id="lv__page_8h_1a9dc7e37b380bf3e938bfb66253c885aa"></span>void <code class="sig-name descname">lv_page_set_scrl_layout</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="cont.html#_CPPv411lv_layout_t" title="lv_layout_t">lv_layout_t</a> <em>layout</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_page_set_scrl_layoutP8lv_obj_t11lv_layout_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the layout of the scrollable part of the page <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">layout</span></code>: a layout from ‘lv_cont_layout_t’ </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417lv_page_set_styleP8lv_obj_t15lv_page_style_tPK10lv_style_t">
<span id="_CPPv317lv_page_set_styleP8lv_obj_t15lv_page_style_tPK10lv_style_t"></span><span id="_CPPv217lv_page_set_styleP8lv_obj_t15lv_page_style_tPK10lv_style_t"></span><span id="lv_page_set_style__lv_obj_tP.lv_page_style_t.lv_style_tCP"></span><span class="target" id="lv__page_8h_1a6bd66ae58545bd06a364c625726fb67e"></span>void <code class="sig-name descname">lv_page_set_style</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="#_CPPv415lv_page_style_t" title="lv_page_style_t">lv_page_style_t</a> <em>type</em>, <em class="property">const</em> lv_style_t *<em>style</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417lv_page_set_styleP8lv_obj_t15lv_page_style_tPK10lv_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set a style of a page <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">type</span></code>: which style should be set </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">style</span></code>: pointer to a style </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv419lv_page_get_sb_modePK8lv_obj_t">
<span id="_CPPv319lv_page_get_sb_modePK8lv_obj_t"></span><span id="_CPPv219lv_page_get_sb_modePK8lv_obj_t"></span><span id="lv_page_get_sb_mode__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1ad623563dafc72969f0b1c85a90f1dde3"></span><a class="reference internal" href="#_CPPv412lv_sb_mode_t" title="lv_sb_mode_t">lv_sb_mode_t</a> <code class="sig-name descname">lv_page_get_sb_mode</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv419lv_page_get_sb_modePK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Set the scroll bar mode on a page <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>the mode from ‘lv_page_sb.mode_t’ enum </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv430lv_page_get_scroll_propagationP8lv_obj_t">
<span id="_CPPv330lv_page_get_scroll_propagationP8lv_obj_t"></span><span id="_CPPv230lv_page_get_scroll_propagationP8lv_obj_t"></span><span id="lv_page_get_scroll_propagation__lv_obj_tP"></span><span class="target" id="lv__page_8h_1a2629f96cc997f299c7f57d6a01d1a367"></span>bool <code class="sig-name descname">lv_page_get_scroll_propagation</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv430lv_page_get_scroll_propagationP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the scroll propagation property <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>true or false </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a Page </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422lv_page_get_edge_flashP8lv_obj_t">
<span id="_CPPv322lv_page_get_edge_flashP8lv_obj_t"></span><span id="_CPPv222lv_page_get_edge_flashP8lv_obj_t"></span><span id="lv_page_get_edge_flash__lv_obj_tP"></span><span class="target" id="lv__page_8h_1a7304a708ee765d95edf5a4fc0e112ee4"></span>bool <code class="sig-name descname">lv_page_get_edge_flash</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422lv_page_get_edge_flashP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the edge flash effect property. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a Page return true or false </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv421lv_page_get_fit_widthP8lv_obj_t">
<span id="_CPPv321lv_page_get_fit_widthP8lv_obj_t"></span><span id="_CPPv221lv_page_get_fit_widthP8lv_obj_t"></span><span id="lv_page_get_fit_width__lv_obj_tP"></span><span class="target" id="lv__page_8h_1a90490f60d2529a15d548bf08ed212f5e"></span>lv_coord_t <code class="sig-name descname">lv_page_get_fit_width</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv421lv_page_get_fit_widthP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get that width which can be set to the children to still not cause overflow (show scrollbars) <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>the width which still fits into the page </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422lv_page_get_fit_heightP8lv_obj_t">
<span id="_CPPv322lv_page_get_fit_heightP8lv_obj_t"></span><span id="_CPPv222lv_page_get_fit_heightP8lv_obj_t"></span><span id="lv_page_get_fit_height__lv_obj_tP"></span><span class="target" id="lv__page_8h_1ad8d5053da7a7bc80e66ca9a874708485"></span>lv_coord_t <code class="sig-name descname">lv_page_get_fit_height</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422lv_page_get_fit_heightP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get that height which can be set to the children to still not cause overflow (show scrollbars) <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>the height which still fits into the page </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv422lv_page_get_scrl_widthPK8lv_obj_t">
<span id="_CPPv322lv_page_get_scrl_widthPK8lv_obj_t"></span><span id="_CPPv222lv_page_get_scrl_widthPK8lv_obj_t"></span><span id="lv_page_get_scrl_width__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a697c099d4158497c11889cf68111dfbf"></span>lv_coord_t <code class="sig-name descname">lv_page_get_scrl_width</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv422lv_page_get_scrl_widthPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get width of the scrollable part of a page <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>the width of the scrollable </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv423lv_page_get_scrl_heightPK8lv_obj_t">
<span id="_CPPv323lv_page_get_scrl_heightPK8lv_obj_t"></span><span id="_CPPv223lv_page_get_scrl_heightPK8lv_obj_t"></span><span id="lv_page_get_scrl_height__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1add8e87ac895123f349c5dd8ae82fdce8"></span>lv_coord_t <code class="sig-name descname">lv_page_get_scrl_height</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_page_get_scrl_heightPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get height of the scrollable part of a page <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>the height of the scrollable </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv423lv_page_get_scrl_layoutPK8lv_obj_t">
<span id="_CPPv323lv_page_get_scrl_layoutPK8lv_obj_t"></span><span id="_CPPv223lv_page_get_scrl_layoutPK8lv_obj_t"></span><span id="lv_page_get_scrl_layout__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a3972cdac710be421fa202cf47b791d1e"></span><a class="reference internal" href="cont.html#_CPPv411lv_layout_t" title="lv_layout_t">lv_layout_t</a> <code class="sig-name descname">lv_page_get_scrl_layout</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv423lv_page_get_scrl_layoutPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the layout of the scrollable part of a page <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>the layout from ‘lv_cont_layout_t’ </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv425lv_page_get_scrl_fit_leftPK8lv_obj_t">
<span id="_CPPv325lv_page_get_scrl_fit_leftPK8lv_obj_t"></span><span id="_CPPv225lv_page_get_scrl_fit_leftPK8lv_obj_t"></span><span id="lv_page_get_scrl_fit_left__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1ab685cd5b45c0489a2e6caf77bff7b6f8"></span><a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <code class="sig-name descname">lv_page_get_scrl_fit_left</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv425lv_page_get_scrl_fit_leftPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the left fit mode <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>an element of <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv426lv_page_get_scrl_fit_rightPK8lv_obj_t">
<span id="_CPPv326lv_page_get_scrl_fit_rightPK8lv_obj_t"></span><span id="_CPPv226lv_page_get_scrl_fit_rightPK8lv_obj_t"></span><span id="lv_page_get_scrl_fit_right__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a94a15b4f9ffa291b4c0483af15d39ebd"></span><a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <code class="sig-name descname">lv_page_get_scrl_fit_right</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv426lv_page_get_scrl_fit_rightPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the right fit mode <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>an element of <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv424lv_page_get_scrl_fit_topPK8lv_obj_t">
<span id="_CPPv324lv_page_get_scrl_fit_topPK8lv_obj_t"></span><span id="_CPPv224lv_page_get_scrl_fit_topPK8lv_obj_t"></span><span id="lv_page_get_scrl_fit_top__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a19f8b92205d2e5cc04dfab819917077e"></span><a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <code class="sig-name descname">lv_page_get_scrl_fit_top</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424lv_page_get_scrl_fit_topPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the top fit mode <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>an element of <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv427lv_page_get_scrl_fit_bottomPK8lv_obj_t">
<span id="_CPPv327lv_page_get_scrl_fit_bottomPK8lv_obj_t"></span><span id="_CPPv227lv_page_get_scrl_fit_bottomPK8lv_obj_t"></span><span id="lv_page_get_scrl_fit_bottom__lv_obj_tCP"></span><span class="target" id="lv__page_8h_1a7880afdbdaa162d8a6ed63d50caa893e"></span><a class="reference internal" href="cont.html#_CPPv48lv_fit_t" title="lv_fit_t">lv_fit_t</a> <code class="sig-name descname">lv_page_get_scrl_fit_bottom</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv427lv_page_get_scrl_fit_bottomPK8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get the bottom fit mode <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>an element of <code class="docutils literal notranslate"><span class="pre">lv_fit_t</span></code> </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv417lv_page_get_stylePK8lv_obj_t15lv_page_style_t">
<span id="_CPPv317lv_page_get_stylePK8lv_obj_t15lv_page_style_t"></span><span id="_CPPv217lv_page_get_stylePK8lv_obj_t15lv_page_style_t"></span><span id="lv_page_get_style__lv_obj_tCP.lv_page_style_t"></span><span class="target" id="lv__page_8h_1a5534707ff5ffe4b16ec0d1c3ca21401a"></span><em class="property">const</em> lv_style_t *<code class="sig-name descname">lv_page_get_style</code><span class="sig-paren">(</span><em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="#_CPPv415lv_page_style_t" title="lv_page_style_t">lv_page_style_t</a> <em>type</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv417lv_page_get_stylePK8lv_obj_t15lv_page_style_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Get a style of a page <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>style pointer to a style </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">type</span></code>: which style should be get </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv415lv_page_on_edgeP8lv_obj_t14lv_page_edge_t">
<span id="_CPPv315lv_page_on_edgeP8lv_obj_t14lv_page_edge_t"></span><span id="_CPPv215lv_page_on_edgeP8lv_obj_t14lv_page_edge_t"></span><span id="lv_page_on_edge__lv_obj_tP.lv_page_edge_t"></span><span class="target" id="lv__page_8h_1a4d4b72f9b071686ba9be6a3fe68e5f84"></span>bool <code class="sig-name descname">lv_page_on_edge</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <a class="reference internal" href="#_CPPv414lv_page_edge_t" title="lv_page_edge_t">lv_page_edge_t</a> <em>edge</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv415lv_page_on_edgeP8lv_obj_t14lv_page_edge_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Find whether the page has been scrolled to a certain edge. <dl class="simple">
<dt><strong>Return</strong></dt><dd><p>true if the page is on the specified edge </p>
</dd>
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: Page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">edge</span></code>: Edge to check </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv416lv_page_glue_objP8lv_obj_tb">
<span id="_CPPv316lv_page_glue_objP8lv_obj_tb"></span><span id="_CPPv216lv_page_glue_objP8lv_obj_tb"></span><span id="lv_page_glue_obj__lv_obj_tP.b"></span><span class="target" id="lv__page_8h_1a5abfb3c5bcdb17aadd1b655520b9fdc9"></span>void <code class="sig-name descname">lv_page_glue_obj</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>obj</em>, bool <em>glue</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv416lv_page_glue_objP8lv_obj_tb" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Glue the object to the page. After it the page can be moved (dragged) with this object too. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">obj</span></code>: pointer to an object on a page </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">glue</span></code>: true: enable glue, false: disable glue </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv413lv_page_focusP8lv_obj_tPK8lv_obj_t16lv_anim_enable_t">
<span id="_CPPv313lv_page_focusP8lv_obj_tPK8lv_obj_t16lv_anim_enable_t"></span><span id="_CPPv213lv_page_focusP8lv_obj_tPK8lv_obj_t16lv_anim_enable_t"></span><span id="lv_page_focus__lv_obj_tP.lv_obj_tCP.lv_anim_enable_t"></span><span class="target" id="lv__page_8h_1a101d70572f3ce5ca25c7dfbd22ba5b4b"></span>void <code class="sig-name descname">lv_page_focus</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, <em class="property">const</em> <a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>obj</em>, <a class="reference internal" href="../overview/animation.html#_CPPv416lv_anim_enable_t" title="lv_anim_enable_t">lv_anim_enable_t</a> <em>anim_en</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv413lv_page_focusP8lv_obj_tPK8lv_obj_t16lv_anim_enable_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Focus on an object. It ensures that the object will be visible on the page. <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">obj</span></code>: pointer to an object to focus (must be on the page) </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">anim_en</span></code>: LV_ANIM_ON to focus with animation; LV_ANIM_OFF to focus without animation </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv418lv_page_scroll_horP8lv_obj_t10lv_coord_t">
<span id="_CPPv318lv_page_scroll_horP8lv_obj_t10lv_coord_t"></span><span id="_CPPv218lv_page_scroll_horP8lv_obj_t10lv_coord_t"></span><span id="lv_page_scroll_hor__lv_obj_tP.lv_coord_t"></span><span class="target" id="lv__page_8h_1aad308298e31d2d908b328fc33f7c823b"></span>void <code class="sig-name descname">lv_page_scroll_hor</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, lv_coord_t <em>dist</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv418lv_page_scroll_horP8lv_obj_t10lv_coord_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Scroll the page horizontally <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">dist</span></code>: the distance to scroll (&lt; 0: scroll left; &gt; 0 scroll right) </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv418lv_page_scroll_verP8lv_obj_t10lv_coord_t">
<span id="_CPPv318lv_page_scroll_verP8lv_obj_t10lv_coord_t"></span><span id="_CPPv218lv_page_scroll_verP8lv_obj_t10lv_coord_t"></span><span id="lv_page_scroll_ver__lv_obj_tP.lv_coord_t"></span><span class="target" id="lv__page_8h_1a173c63db625e52386caccccf6994c29f"></span>void <code class="sig-name descname">lv_page_scroll_ver</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em>, lv_coord_t <em>dist</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv418lv_page_scroll_verP8lv_obj_t10lv_coord_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Scroll the page vertically <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: pointer to a page object </p></li>
<li><p><code class="docutils literal notranslate"><span class="pre">dist</span></code>: the distance to scroll (&lt; 0: scroll down; &gt; 0 scroll up) </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

<dl class="cpp function">
<dt id="_CPPv424lv_page_start_edge_flashP8lv_obj_t">
<span id="_CPPv324lv_page_start_edge_flashP8lv_obj_t"></span><span id="_CPPv224lv_page_start_edge_flashP8lv_obj_t"></span><span id="lv_page_start_edge_flash__lv_obj_tP"></span><span class="target" id="lv__page_8h_1a47604b37086060e0c66b33a0aa3d394a"></span>void <code class="sig-name descname">lv_page_start_edge_flash</code><span class="sig-paren">(</span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<em>page</em><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv424lv_page_start_edge_flashP8lv_obj_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><p>Not intended to use directly by the user but by other object types internally. Start an edge flash animation. Exactly one <code class="docutils literal notranslate"><span class="pre">ext-&gt;edge_flash.xxx_ip</span></code> should be set <dl class="simple">
<dt><strong>Parameters</strong></dt><dd><ul class="breatheparameterlist simple">
<li><p><code class="docutils literal notranslate"><span class="pre">page</span></code>: </p></li>
</ul>
</dd>
</dl>
</p>
</dd></dl>

</div>
<dl class="cpp struct">
<dt id="_CPPv413lv_page_ext_t">
<span id="_CPPv313lv_page_ext_t"></span><span id="_CPPv213lv_page_ext_t"></span><span id="lv_page_ext_t"></span><span class="target" id="structlv__page__ext__t"></span><em class="property">struct </em><code class="sig-name descname">lv_page_ext_t</code><a class="headerlink" href="#_CPPv413lv_page_ext_t" title="Permalink to this definition">¶</a><br /></dt>
<dd><div class="breathe-sectiondef docutils container">
<p class="breathe-sectiondef-title rubric">Public Members</p>
<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t2bgE">
<span id="_CPPv3N13lv_page_ext_t2bgE"></span><span id="_CPPv2N13lv_page_ext_t2bgE"></span><span id="lv_page_ext_t::bg__lv_cont_ext_t"></span><span class="target" id="structlv__page__ext__t_1aad0a4b51833fd931ee9be0f7b7df6774"></span><a class="reference internal" href="cont.html#_CPPv413lv_cont_ext_t" title="lv_cont_ext_t">lv_cont_ext_t</a> <code class="sig-name descname">bg</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t2bgE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t4scrlE">
<span id="_CPPv3N13lv_page_ext_t4scrlE"></span><span id="_CPPv2N13lv_page_ext_t4scrlE"></span><span id="lv_page_ext_t::scrl__lv_obj_tP"></span><span class="target" id="structlv__page__ext__t_1af019899db473b25b80c78ef908fa8a38"></span><a class="reference internal" href="obj.html#_CPPv48lv_obj_t" title="lv_obj_t">lv_obj_t</a> *<code class="sig-name descname">scrl</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t4scrlE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t5styleE">
<span id="_CPPv3N13lv_page_ext_t5styleE"></span><span id="_CPPv2N13lv_page_ext_t5styleE"></span><span id="lv_page_ext_t::style__lv_style_tCP"></span><span class="target" id="structlv__page__ext__t_1a9d12da743481bfa9d592ce6bdc94a5d6"></span><em class="property">const</em> lv_style_t *<code class="sig-name descname">style</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t5styleE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t8hor_areaE">
<span id="_CPPv3N13lv_page_ext_t8hor_areaE"></span><span id="_CPPv2N13lv_page_ext_t8hor_areaE"></span><span id="lv_page_ext_t::hor_area__lv_area_t"></span><span class="target" id="structlv__page__ext__t_1a7f11eb32658e2af00b5bf7b1e9b58cb2"></span>lv_area_t <code class="sig-name descname">hor_area</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t8hor_areaE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t8ver_areaE">
<span id="_CPPv3N13lv_page_ext_t8ver_areaE"></span><span id="_CPPv2N13lv_page_ext_t8ver_areaE"></span><span id="lv_page_ext_t::ver_area__lv_area_t"></span><span class="target" id="structlv__page__ext__t_1ac101058991570e809c898003460908bf"></span>lv_area_t <code class="sig-name descname">ver_area</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t8ver_areaE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t8hor_drawE">
<span id="_CPPv3N13lv_page_ext_t8hor_drawE"></span><span id="_CPPv2N13lv_page_ext_t8hor_drawE"></span><span id="lv_page_ext_t::hor_draw__uint8_t"></span><span class="target" id="structlv__page__ext__t_1afc60852c3e6f23b524f97e6d17e6a4eb"></span>uint8_t <code class="sig-name descname">hor_draw</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t8hor_drawE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t8ver_drawE">
<span id="_CPPv3N13lv_page_ext_t8ver_drawE"></span><span id="_CPPv2N13lv_page_ext_t8ver_drawE"></span><span id="lv_page_ext_t::ver_draw__uint8_t"></span><span class="target" id="structlv__page__ext__t_1a3c02a917886984c54247be786a26c049"></span>uint8_t <code class="sig-name descname">ver_draw</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t8ver_drawE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t4modeE">
<span id="_CPPv3N13lv_page_ext_t4modeE"></span><span id="_CPPv2N13lv_page_ext_t4modeE"></span><span id="lv_page_ext_t::mode__lv_sb_mode_t"></span><span class="target" id="structlv__page__ext__t_1ab9cf082465d0435dd1d8a30d0e314cfa"></span><a class="reference internal" href="#_CPPv412lv_sb_mode_t" title="lv_sb_mode_t">lv_sb_mode_t</a> <code class="sig-name descname">mode</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t4modeE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t2sbE">
<span id="_CPPv3N13lv_page_ext_t2sbE"></span><span id="_CPPv2N13lv_page_ext_t2sbE"></span><span class="target" id="structlv__page__ext__t_1a4be4ee0c8a7dcdcae0b27e5fc76ecaa8"></span><em class="property">struct</em> <a class="reference internal" href="#_CPPv413lv_page_ext_t" title="lv_page_ext_t">lv_page_ext_t</a>::<strong>[anonymous]</strong> <code class="sig-name descname">sb</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t2sbE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t5stateE">
<span id="_CPPv3N13lv_page_ext_t5stateE"></span><span id="_CPPv2N13lv_page_ext_t5stateE"></span><span id="lv_page_ext_t::state__lv_anim_value_t"></span><span class="target" id="structlv__page__ext__t_1a6aa3aaba2f61937641d11d4e0cbe8f01"></span><a class="reference internal" href="../overview/animation.html#_CPPv415lv_anim_value_t" title="lv_anim_value_t">lv_anim_value_t</a> <code class="sig-name descname">state</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t5stateE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t7enabledE">
<span id="_CPPv3N13lv_page_ext_t7enabledE"></span><span id="_CPPv2N13lv_page_ext_t7enabledE"></span><span id="lv_page_ext_t::enabled__uint8_t"></span><span class="target" id="structlv__page__ext__t_1a749da1b4371fe167eb67a91e11607406"></span>uint8_t <code class="sig-name descname">enabled</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t7enabledE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t6top_ipE">
<span id="_CPPv3N13lv_page_ext_t6top_ipE"></span><span id="_CPPv2N13lv_page_ext_t6top_ipE"></span><span id="lv_page_ext_t::top_ip__uint8_t"></span><span class="target" id="structlv__page__ext__t_1a47856bf7115195bc047e1cf1d1921669"></span>uint8_t <code class="sig-name descname">top_ip</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t6top_ipE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t9bottom_ipE">
<span id="_CPPv3N13lv_page_ext_t9bottom_ipE"></span><span id="_CPPv2N13lv_page_ext_t9bottom_ipE"></span><span id="lv_page_ext_t::bottom_ip__uint8_t"></span><span class="target" id="structlv__page__ext__t_1afc726bdf2d38758e8c3244c253e6124b"></span>uint8_t <code class="sig-name descname">bottom_ip</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t9bottom_ipE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t8right_ipE">
<span id="_CPPv3N13lv_page_ext_t8right_ipE"></span><span id="_CPPv2N13lv_page_ext_t8right_ipE"></span><span id="lv_page_ext_t::right_ip__uint8_t"></span><span class="target" id="structlv__page__ext__t_1a20eee15b6df9b2498d5dd3ef864c1aaf"></span>uint8_t <code class="sig-name descname">right_ip</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t8right_ipE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t7left_ipE">
<span id="_CPPv3N13lv_page_ext_t7left_ipE"></span><span id="_CPPv2N13lv_page_ext_t7left_ipE"></span><span id="lv_page_ext_t::left_ip__uint8_t"></span><span class="target" id="structlv__page__ext__t_1a6bf197d260995bf0cea142f7f8f94409"></span>uint8_t <code class="sig-name descname">left_ip</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t7left_ipE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t10edge_flashE">
<span id="_CPPv3N13lv_page_ext_t10edge_flashE"></span><span id="_CPPv2N13lv_page_ext_t10edge_flashE"></span><span class="target" id="structlv__page__ext__t_1a87bb16047957803490a59d2ae85c1529"></span><em class="property">struct</em> <a class="reference internal" href="#_CPPv413lv_page_ext_t" title="lv_page_ext_t">lv_page_ext_t</a>::<strong>[anonymous]</strong> <code class="sig-name descname">edge_flash</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t10edge_flashE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t9anim_timeE">
<span id="_CPPv3N13lv_page_ext_t9anim_timeE"></span><span id="_CPPv2N13lv_page_ext_t9anim_timeE"></span><span id="lv_page_ext_t::anim_time__uint16_t"></span><span class="target" id="structlv__page__ext__t_1ae5403a60447a2fc5cc53746df99e8a0e"></span>uint16_t <code class="sig-name descname">anim_time</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t9anim_timeE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t11scroll_propE">
<span id="_CPPv3N13lv_page_ext_t11scroll_propE"></span><span id="_CPPv2N13lv_page_ext_t11scroll_propE"></span><span id="lv_page_ext_t::scroll_prop__uint8_t"></span><span class="target" id="structlv__page__ext__t_1af4dc3f10e7ec51fa7b6fdaee573cf844"></span>uint8_t <code class="sig-name descname">scroll_prop</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t11scroll_propE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

<dl class="cpp var">
<dt id="_CPPv4N13lv_page_ext_t14scroll_prop_ipE">
<span id="_CPPv3N13lv_page_ext_t14scroll_prop_ipE"></span><span id="_CPPv2N13lv_page_ext_t14scroll_prop_ipE"></span><span id="lv_page_ext_t::scroll_prop_ip__uint8_t"></span><span class="target" id="structlv__page__ext__t_1a277d95d94d298d8692b7eb9fb1d6e823"></span>uint8_t <code class="sig-name descname">scroll_prop_ip</code><a class="headerlink" href="#_CPPv4N13lv_page_ext_t14scroll_prop_ipE" title="Permalink to this definition">¶</a><br /></dt>
<dd></dd></dl>

</div>
</dd></dl>

</div>
</div>


           </div>
           
          </div>
          <footer>
  
    <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
      
        <a href="preload.html" class="btn btn-neutral float-right" title="Preloader (lv_preload)" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
      
      
        <a href="mbox.html" class="btn btn-neutral float-left" title="Message box (lv_mbox)" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
      
    </div>
  

  <hr/>

  <div role="contentinfo">
    <p>
        &copy; Copyright 2020, Gabor Kiss-Vamosi
      <span class="lastupdated">
        Last updated on Nov 21, 2020.
      </span>

    </p>
  </div>
  Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a <a href="https://github.com/rtfd/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>. 

</footer>

        </div>
      </div>

    </section>

  </div>
  


  <script type="text/javascript">
      jQuery(function () {
          SphinxRtdTheme.Navigation.enable(true);
      });
  </script>

  
  
    
  

 <script type="text/javascript">
    $(document).ready(function() {
        $(".toggle > *").hide();
        $(".toggle .header").show();
        $(".toggle .header").click(function() {
            $(this).parent().children().not(".header").toggle(400);
            $(this).parent().children(".header").toggleClass("open");
        })
    });
</script>


<script type="text/javascript" src="https://docs.lvgl.io/misc/common.js"></script>



</body>
</html>